_app.component.ts_

```ts{3,12}
import { Component } from '@angular/core';
import { Amplify } from 'aws-amplify';
import { AuthenticatorService } from '@aws-amplify/ui-angular';

import awsExports from './aws-exports';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
})
export class UseAuthenticatorComponent {
  constructor(public authenticator: AuthenticatorService) {
    Amplify.configure(awsExports);
  }
}

```

_app.component.html_

```tsx{2,8,14,30,36,52,60,66,70} file=../../../../../../../examples/angular/src/pages/ui/components/authenticator/custom-slots/custom-slots.component.html

```